<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div class="container">
        <aside>
            <h2>
                <ul>
                    <li><a href="/product?cat_id=1">汽车配件</a></li>
                    <li><a href="/product?cat_id=2">轮船配件</a></li>
                    <li><a href="/product?cat_id=3">数码产品</a></li>
                    <li><a href="/product?cat_id=4">家具用品</a></li>
                </ul>
            </h2>
        </aside>
        <article class="main">
            <DIV id=productList>
                <% for(var i=0;i<products.length;i++) { %>
                    <DD>
                    <DT><A href="/detail/<%= products[i].id %>">
                            <IMG alt='<%= products[i].name %>' src="/<%= products[i].image %>"></A></DT>
                    <DD>
                        <P class=name>
                            <A title="<%= products[i].name %>" href="/detail/<%= products[i].id %>">
                                <%= products[i].name %>
                            </A>
                        </P>
                        <P class=price>价格：¥<%= products[i].price %>元</P>
                        <P class=brief>
                            <%= products[i].content.substr(0,30) %>...
                        </P>
                        </DL>
            </DIV>
        </article>
    </div>
</body>

</html>